<template>
  <div class="item">
       <h1 @click="handler">我是孙子组件--item</h1>
  </div>
</template>

<script>
export default {
  name: '',
  methods: {
     //按钮的点击事件
     handler(){
        //给爷爷传递数据
        //组件实例的$bus，Vue类的一个实例，可以借用Vue.prototype的$on与$emit
        this.$bus.$emit('send',"二哈");
     }
  },
}
</script>

<style scoped lang="less">
   .item{
       width: 200px;
       height: 100px;
       background: red;
       h1{
           color:black;
       }

   }
</style>
